<template>
  <div class="footer">
    <div class="footer-content">
      <div class="bottom-title">
        ""Copyright © 1998- "2020" " Tencent. All Rights Reserved."
      </div>
      <div class="footer-msg">
        <span class="site-footer">腾讯公司</span>
        <span class="site-footer .site-footer-other">版权所有</span>
        <a href="" class="site-footer remarks">关于我们</a>
        <a href="" class="site-footer remarks">用户协议</a>
        <a href="" class="site-footer remarks">问题反馈 </a>
        <a href="" class="site-footer remarks">腾讯网</a>
        <a href="" class="site-footer remarks">服务协议</a>
        <a href="" class="site-footer remarks">隐私政策</a>
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
.footer{
  display: flex;
  width: 100%;
  color: #333;
  // font-size: 12px;
  line-height: 1.5;
  margin-top: 20px;

}
.footer-content {
  margin: 20px 0;
  left: 0;
  bottom: 0;
  text-align: center;
  line-height: 20px;
  font-size: 14px;
  color: #c5c5c5;
  margin: 0 auto;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.bottom-title {
  display: flex;
  text-align: center;
}
.footer-msg {
  display: flex;
  text-align: center;
}
.site-footer {
  text-decoration: none;
  margin-left: 7px;

}
.site-footer-other {
  margin-left: 0;
}
.remarks{
  color: #c5c5c5;
}
.remarks:hover{
  color: rgb(75, 54, 133);
}
</style>
